<!DOCTYPE html>
<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"><!--兼容手机-->
        <link rel="stylesheet" type="text/css" href="css/style.css" />
       
		<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="js/jquery.touchSlider.js"></script>
		<script type="text/javascript">
		$(document).ready(function(){
		
			$(".main_visual").hover(function(){
				$("#btn_prev,#btn_next").fadeIn()
			},function(){
				$("#btn_prev,#btn_next").fadeOut()
			});
			
			$dragBln = false;
			
			$(".main_image").touchSlider({
				flexible : true,
				speed : 200,
				btn_prev : $("#btn_prev"),
				btn_next : $("#btn_next"),
				paging : $(".flicking_con a"),
				paging : $(".flicking_con2 a"),
				counter : function (e){
					$(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on");
					$(".flicking_con2 a").removeClass("on").eq(e.current-1).addClass("on");
				}
			});
			
			$(".main_image").bind("mousedown", function() {
				$dragBln = false;
			});
			
			$(".main_image").bind("dragstart", function() {
				$dragBln = true;
			});
			
			$(".main_image a").click(function(){
				if($dragBln) {
					return false;
				}
			});
			
			timer = setInterval(function(){
				$("#btn_next").click();
			}, 5000);
			
			$(".main_visual").hover(function(){
				clearInterval(timer);
			},function(){
				timer = setInterval(function(){
					$("#btn_next").click();
				},5000);
			});
			
			$(".main_image").bind("touchstart",function(){
				clearInterval(timer);
			}).bind("touchend", function(){
				timer = setInterval(function(){
					$("#btn_next").click();
				}, 5000);
			});
			
		});
		</script>
	</head>
    
	<body>   
		
        <div class="header1">
            <span class="gt"><img src="images/1-1.png"></span>
            	宠物美容师                    
            <span style="float: right; font-size: 14px; margin-right: 5px;"><a href="denglu.html" style=" color: #fff;">登录</a>/<a href="zhuce.html" style=" color: #fff;">注册</a></span>                 
            <div style="clear:both;"></div>        
	    </div>
		<div class="container">				
                <div class="wrap">	                
				    <div class="banner">				    	
				    	<div class="main_visual">
							<div class="flicking_con">
								<a href="#"></a>
								<a href="#"></a>
								<a href="#"></a>
								<a href="#"></a>							
							</div>
							<div class="main_image">
								<ul>
									<li><a href=""><img src="images/1.jpg"></a></li>
									<li><a href=""><img src="images/17_02.png"></a></li>
									<li><a href=""><img src="images/1.jpg"></a></li>
									<li><a href=""><img src="images/17_02.png"></a></li>		
								</ul>								
							</div>
							<div style="clear: both;"></div>
						</div>						
				    </div>
			   	    <div class="title">
			        	<span class="pic"><img src="images/2_02.png"></span>
			            <span class="ssyg"><a href="">赛事预告&nbsp;&nbsp;Events forecast</a></span>
			            <span class="more"><a href="saishiyugao.html">更多></a></span>
			        </div>  
			        <div class="cong-list">
			      		<a href="saishiyugao.html">
				      		<img src="images/3-1.png" class="list-img">
				      		<div class="list-p">
				      		<strong>C级犬类美容师</strong>
				      		<p>比赛时间:2015.12.12</p>
				      		<p>比赛地点:北京省北京市朝阳区</p>
				      		</div>
				      		<button class="list-but" type="button" name="" value="">查看详情</button>
			      		</a>
			        </div> 
			      	<div class="cong-list">
			      		<a href="saishiyugao.html">
				      		<img src="images/3-1.png" class="list-img">
				      		<div class="list-p">
				      		<strong>C级犬类美容师</strong>
				      		<p>比赛时间:2015.12.12</p>
				      		<p>比赛地点:北京省北京市朝阳区</p>
				      		</div>
				      		<button class="list-but" type="button" name="" value="">查看详情</button>
			      		</a>
			        </div>
			        <div class="cong-list">
			      		<a href="saishiyugao.html">
				      		<img src="images/3-1.png" class="list-img">
				      		<div class="list-p">
				      		<strong>C级犬类美容师</strong>
				      		<p>比赛时间:2015.12.12</p>
				      		<p>比赛地点:北京省北京市朝阳区</p>
				      		</div>
				      		<button class="list-but" type="button" name="" value="">查看详情</button>
			      		</a>
			        </div>
		      		 <div style="clear:both;"></div>
				   <div class="tiao" style="margin:0px;"><img src="images/4.png"></div>    
				    <div class="middle2">
				    	<div class="title">
				        	<div class="pic"><img src="images/2_02.png"></div>
				            <div class="ssyg"><a href="">赛事回顾&nbsp;&nbsp;Events review</a></div>
				            <div class="more"><a href="saishihuigu.html">更多></a></div>
				        </div> 
				      
				       	<div class="list-s">
				       		<h5><a href="saishihuigu.html">第一期 C级犬类美容师考试回顾</a></h5>
				       	</div>  
				    </div>
				    <div class="tiao"><img src="images/4.png"></div>
				    <div class="bottom">
				    	  <div class="title">
				        	<div class="pic"><img src="images/2_02.png"></div>
				            <div class="ssyg" style="width:90%;">证书查询&nbsp;Certificate query</div>
				          </div>
				    </div>
				    
				    <div class="bottom">  
				          <div class="btn3">
				          		<div class="btn_left">
				                  <input type="text" name="" value="" placeholder="请输入证书编号">
				                </div> 
				                <div class="btn_right">
				                  <input type="text" name="btn" id="btn" style="width:89%; background-color:transparent; ">
				                  <input type="button" name="select" value="查询" id="select">
				                </div>
				   	      </div>
				    </div>
				    
				    <div class="bottom">
				    	  <div class="title">
				        	<div class="pic"><img src="images/2_02.png"></div>
				            <div class="ssyg">培训预告&nbsp;Training forecats</div>
				             <div class="more"><a href="">更多></a></div>
				          </div>
				          <div class="list-px">
				       		<span style="float: left;"><a href="">[NGKC公开课]4月20日  成都站，开讲啦！</a></span><span style="float: right;">2017-04-11</span>
				       	  </div>
				          
				     </div>  
				    <div style="clear:both;"></div>
				    <div class="bottom">
		    	    <div class="title">
			        	<div class="pic"><img src="images/2_02.png"></div>
			            <div class="ssyg">授权学校&nbsp; Authorized school</div>
			            <div class="more"><a href="hezuoxuexiao.html">更多></a></div>
		            </div>
    </div>
				<div class="banner">				    	
			    	<div class="main_visual">	
						<div class="main_image">
							<ul>
								<li><a href=""><img src="images/1.jpg"></a></li>
									<li><a href=""><img src="images/17_02.png"></a></li>
									<li><a href=""><img src="images/1.jpg"></a></li>
									<li><a href=""><img src="images/17_02.png"></a></li>
							</ul>	
						</div>
					</div>		
				</div>
		</div>
		</div>
		
		<div class="dibu">
			<ul>
				<li><a href="index.html"><p><img src="images/homepage_fill.png"></p><p>首页</p></a></li>
				<li><a href="saishibaoming.html"><p><img src="images/baoming.png"></p><p>赛事报名</p></a></li>
				<li><a href="gerenzhongxin_cj.html"><p><img src="images/people_fill.png"></p><p>会员中心</p></a></li>
				<li><a href="mall.html"><p><img src="images/mine_fill.png"></p><p>商城</p></a></li>
			</ul>
		</div>
			
	
	</body>
</html>
